<template>
  <el-col :span="18">
    <!-- 热门推荐 -->
    <HotRecommend></HotRecommend>
    <!-- 个性化推荐 -->
    <Personalize></Personalize>
    <!-- 新碟上架 -->
    <NewAlbum></NewAlbum>
    <!-- 榜单 -->
    <BangDan></BangDan>
  </el-col>
</template>

<script>
import HotRecommend from './HotRecommend'
import Personalize from './Personalize'
import NewAlbum from './NewAlbum'
import BangDan from './BangDan'
export default {
  name: 'Main',
  components: {
    HotRecommend,
    Personalize,
    NewAlbum,
    BangDan
  },
  data () {
    return {
      // tableData: [{
      //   date: '2016-05-02',
      //   name: '王小虎',
      //   address: '上海市普陀区金沙江路 1518 弄'
      // }, {
      //   date: '2016-05-04',
      //   name: '王小虎',
      //   address: '上海市普陀区金沙江路 1517 弄'
      // }, {
      //   date: '2016-05-01',
      //   name: '王小虎',
      //   address: '上海市普陀区金沙江路 1519 弄'
      // }, {
      //   date: '2016-05-03',
      //   name: '王小虎',
      //   address: '上海市普陀区金沙江路 1516 弄'
      // }]
    }
  }
}
</script>

<style lang="less" scoped>
</style>
